.right-fixed-nav2 {
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 200;
	width: 75px;
	display: none;

	ul {
		li {
			width: 75px;
			height: 70px;
			box-sizing: border-box;
			padding: 5px;
			cursor: pointer;
			background-color: #0770D1;
			position: relative;

			&.radius {
				border-radius: 0 0 6px 6px;
			}


			p {
				width: 100%;
				height: 100%;
				color: white;
				padding-top: 42px;
				text-align: center;
				box-sizing: border-box;
				font-size: 12px;
				font-weight: 400;
				color: #FFFFFF;
				background-position: center 7px;
				background-size: 30px 30px;
				background-repeat: no-repeat;
			}

			.box {
				position: absolute;
				right: 75px;
				top: 50%;
				transform: translateY(-50%) scale(0);
				width: 122px;
				transition: 500ms;
				transform-origin: 100% 50%;

				.cn {
					background: #0770D1;
					border-radius: 6px;
					padding: 20px 10px;
					box-sizing: border-box;
					width: 114px;
					position: relative;

					&::after {
						content: "";
						position: absolute;
						right: -12px;
						width: 0;
						height: 0;
						top: 50%;
						transform: translateY(-50%);
						border: solid 10px #0770D1;
						border-top: transparent solid 5px;
						border-bottom: transparent solid 5px;
						border-right: transparent solid 5px;
					}

					span {
						display: block;
						font-size: 12px;
						font-weight: 400;
						color: #FFFFFF;
					}

					img {
						width: 96px;
						height: 96px;
					}

					a {
						font-size: 15px;
						font-weight: bold;
						color: #FFFFFF;
						padding-top: 6px;
						display: inline-block;
						margin-top: 6px;
						letter-spacing: -1px;
					}
				}
			}

			&.kefu {
				border-radius: 6px;

				p {
					background-image: url("./images/客服.png");
					background-size: 33px 28px;
				}
			}

			&:nth-of-type(n+2) {
				&:hover {
					.box {
						transform-origin: 0% 50%;
						transition: 500ms;
						transform: translateY(-50%) scale(1);
					}

					p {
						color: #333;
						background-color: white;
						border-radius: 4px;
					}
				}
			}

			&.tel {
				margin-top: 5px;
				border-radius: 6px 6px 0 0;

				p {
					background-image: url("./images/电话.png");
				}

				&:hover {
					p {
						background-image: url("./images/电话\ \(1\).png");
					}
				}
			}

			&.mobile {

				p {
					background-image: url("./images/手机.png");
				}

				.box {
					.cn {
						span {
							text-align: center;
							padding-top: 6px;
						}
					}
				}

				&:hover {
					p {
						background-image: url("./images/手机\ \(1\).png");
					}
				}
			}

			&.weixin {
				p {
					background-image: url("./images/微信.png");
				}

				&:hover {
					p {
						background-image: url("./images/微信\ \(1\).png");
					}
				}

				.box {
					.cn {
						span {
							text-align: center;
							padding-top: 4px;
							white-space: nowrap;
						}

						img {
							&:nth-of-type(2) {
								margin-top: 6px;
							}
						}
					}
				}
			}

			&.top {
				display: none;

				p {
					background-image: url("./images/回到顶部.png");
				}

				&:hover {
					p {
						background-image: url("./images/回到顶部\ \(1\).png");
					}
				}
			}
		}
	}
}